<!--
    THIS EXAMPLE WAS DOWNLOADED FROM https://echarts.apache.org/examples/zh/editor.html?c=line-smooth
-->
<!DOCTYPE html>
<html style="height: 100%">
<head>
    <meta charset="utf-8">
</head>
<body style="height: 100%; margin: 0">
<div id="container" style="height: 100%"></div>

<script type="text/javascript"
        src="https://cdn.jsdelivr.net/npm/echarts@5/dist/echarts.min.js"></script>
<!-- Uncomment this line if you want to dataTool extension
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@5/dist/extension/dataTool.min.js"></script>
-->
<!-- Uncomment this line if you want to use gl extension
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts-gl@2/dist/echarts-gl.min.js"></script>
-->
<!-- Uncomment this line if you want to echarts-stat extension
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts-stat@latest/dist/ecStat.min.js"></script>
-->
<!-- Uncomment this line if you want to use map
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@5/map/js/china.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@5/map/js/world.js"></script>
-->
<!-- Uncomment these two lines if you want to use bmap extension
<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=<Your Key Here>"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@5/dist/extension/bmap.min.js"></script>
-->

<script type="text/javascript">
var dom = document.getElementById("container");
var myChart = echarts.init(dom);
var app = {};

var option;

function splitData(rawData) {
    var categoryData = [];
    var values = []
    for (var i = 0; i < rawData.length; i++) {
        categoryData.push(rawData[i][0]);
        values.push(rawData[i][1])
    }
    return {
        categoryData: categoryData,
        values: values
    };
}
var data0 = splitData([["9:30", 2.73, 2.7], ["9:31", 2.73, 2.74], ["9:32", 2.72, 2.72], ["9:33", 2.71, 2.72], ["9:34", 2.71, 2.71], ["9:35", 2.72, 2.71], ["9:36", 2.71, 2.72], ["9:37", 2.72, 2.72], ["9:38", 2.73, 2.73], ["9:39", 2.73, 2.74], ["9:40", 2.73, 2.73], ["9:41", 2.74, 2.74], ["9:42", 2.76, 2.75], ["9:43", 2.76, 2.76], ["9:44", 2.77, 2.76], ["9:45", 2.77, 2.76], ["9:46", 2.77, 2.77], ["9:47", 2.76, 2.77], ["9:48", 2.77, 2.78], ["9:49", 2.76, 2.77], ["9:50", 2.76, 2.76], ["9:51", 2.74, 2.76], ["9:52", 2.75, 2.74], ["9:53", 2.75, 2.75], ["9:54", 2.73, 2.74], ["9:55", 2.74, 2.73], ["9:56", 2.73, 2.74], ["9:57", 2.74, 2.74], ["9:58", 2.75, 2.74], ["9:59", 2.74, 2.75], ["10:00", 2.75, 2.75], ["10:01", 2.74, 2.74], ["10:02", 2.75, 2.75], ["10:03", 2.74, 2.74], ["10:04", 2.74, 2.74], ["10:05", 2.74, 2.74], ["10:06", 2.75, 2.75], ["10:07", 2.75, 2.75], ["10:08", 2.75, 2.75], ["10:09", 2.75, 0.0], ["10:10", 2.75, 0.0], ["10:11", 2.75, 0.0], ["10:12", 2.75, 2.74], ["10:13", 2.75, 2.74], ["10:14", 2.75, 2.75], ["10:15", 2.76, 2.75], ["10:16", 2.76, 2.76], ["10:17", 2.76, 2.75], ["10:18", 2.75, 2.75], ["10:19", 2.76, 2.76], ["10:20", 2.76, 0.0], ["10:21", 2.76, 2.75], ["10:22", 2.76, 2.76], ["10:23", 2.76, 2.76], ["10:24", 2.77, 2.76], ["10:25", 2.77, 2.77], ["10:26", 2.77, 2.77], ["10:27", 2.76, 2.77], ["10:28", 2.77, 2.77], ["10:29", 2.77, 2.77], ["10:30", 2.77, 2.77], ["10:31", 2.77, 0.0], ["10:32", 2.77, 2.77], ["10:33", 2.77, 2.78], ["10:34", 2.78, 2.77], ["10:35", 2.77, 2.78], ["10:36", 2.78, 2.77], ["10:37", 2.78, 2.78], ["10:38", 2.78, 2.77], ["10:39", 2.77, 2.77], ["10:40", 2.77, 2.78], ["10:41", 2.77, 2.77], ["10:42", 2.78, 2.77], ["10:43", 2.78, 2.78], ["10:44", 2.79, 2.79], ["10:45", 2.8, 2.79], ["10:46", 2.8, 2.81], ["10:47", 2.81, 2.8], ["10:48", 2.81, 2.81], ["10:49", 2.83, 2.81], ["10:50", 2.83, 2.83], ["10:51", 2.85, 2.83], ["10:52", 2.86, 2.85], ["10:53", 2.85, 2.87], ["10:54", 2.85, 2.85], ["10:55", 2.86, 2.85], ["10:56", 2.85, 2.86], ["10:57", 2.83, 2.85], ["10:58", 2.81, 2.83], ["10:59", 2.81, 2.81], ["11:00", 2.82, 2.8], ["11:01", 2.83, 2.82], ["11:02", 2.83, 2.83], ["11:03", 2.82, 2.83], ["11:04", 2.82, 2.82], ["11:05", 2.83, 2.83], ["11:06", 2.83, 2.83], ["11:07", 2.84, 2.84], ["11:08", 2.83, 2.83], ["11:09", 2.86, 2.84], ["11:10", 2.85, 2.85], ["11:11", 2.84, 2.85], ["11:12", 2.84, 2.84], ["11:13", 2.84, 2.83], ["11:14", 2.84, 2.84], ["11:15", 2.84, 2.84], ["11:16", 2.84, 2.84], ["11:17", 2.84, 2.84], ["11:18", 2.84, 2.84], ["11:19", 2.84, 2.84], ["11:20", 2.84, 2.84], ["11:21", 2.85, 2.84], ["11:22", 2.84, 2.85], ["11:23", 2.84, 2.84], ["11:24", 2.83, 2.84], ["11:25", 2.83, 2.83], ["11:26", 2.84, 2.84], ["11:27", 2.84, 2.84], ["11:28", 2.83, 2.83], ["11:29", 2.84, 2.83], ["11:30", 2.84, 0.0], ["13:00", 2.84, 2.84], ["13:01", 2.83, 2.83], ["13:02", 2.84, 2.83], ["13:03", 2.84, 2.84], ["13:04", 2.84, 2.84], ["13:05", 2.84, 2.84], ["13:06", 2.84, 2.84], ["13:07", 2.84, 2.84], ["13:08", 2.84, 2.84], ["13:09", 2.84, 2.84], ["13:10", 2.84, 2.84], ["13:11", 2.84, 2.84], ["13:12", 2.84, 2.84], ["13:13", 2.84, 2.84], ["13:14", 2.84, 2.84], ["13:15", 2.84, 2.84], ["13:16", 2.84, 2.85], ["13:17", 2.85, 2.85], ["13:18", 2.84, 2.84], ["13:19", 2.85, 2.84], ["13:20", 2.85, 2.84], ["13:21", 2.85, 2.85], ["13:22", 2.85, 2.85], ["13:23", 2.84, 2.85], ["13:24", 2.83, 2.83], ["13:25", 2.84, 2.83], ["13:26", 2.84, 2.84], ["13:27", 2.84, 2.84], ["13:28", 2.84, 2.84], ["13:29", 2.85, 2.84], ["13:30", 2.85, 2.85], ["13:31", 2.84, 2.85], ["13:32", 2.84, 2.85], ["13:33", 2.85, 2.84], ["13:34", 2.85, 2.85], ["13:35", 2.85, 2.84], ["13:36", 2.87, 2.85], ["13:37", 2.88, 2.87], ["13:38", 2.88, 2.88], ["13:39", 2.87, 2.88], ["13:40", 2.87, 2.87], ["13:41", 2.87, 2.87], ["13:42", 2.87, 2.87], ["13:43", 2.87, 2.88], ["13:44", 2.87, 2.87], ["13:45", 2.87, 2.87], ["13:46", 2.87, 2.87], ["13:47", 2.87, 2.86], ["13:48", 2.87, 2.86], ["13:49", 2.87, 2.87], ["13:50", 2.87, 2.87], ["13:51", 2.87, 2.87], ["13:52", 2.87, 2.87], ["13:53", 2.87, 2.87], ["13:54", 2.87, 2.87], ["13:55", 2.87, 2.87], ["13:56", 2.87, 2.87], ["13:57", 2.87, 2.87], ["13:58", 2.87, 2.87], ["13:59", 2.88, 2.87], ["14:00", 2.88, 2.87], ["14:01", 2.88, 2.87], ["14:02", 2.88, 2.88], ["14:03", 2.87, 2.87], ["14:04", 2.87, 2.87], ["14:05", 2.87, 2.87], ["14:06", 2.87, 2.87], ["14:07", 2.87, 2.87], ["14:08", 2.86, 2.87], ["14:09", 2.86, 2.86], ["14:10", 2.86, 2.86], ["14:11", 2.87, 2.87], ["14:12", 2.87, 0.0], ["14:13", 2.86, 2.87], ["14:14", 2.85, 2.86], ["14:15", 2.85, 2.86], ["14:16", 2.85, 2.86], ["14:17", 2.85, 2.85], ["14:18", 2.86, 2.85], ["14:19", 2.86, 2.85], ["14:20", 2.86, 2.86], ["14:21", 2.86, 2.86], ["14:22", 2.85, 2.86], ["14:23", 2.86, 2.86], ["14:24", 2.86, 2.86], ["14:25", 2.87, 2.86], ["14:26", 2.87, 2.87], ["14:27", 2.87, 2.87], ["14:28", 2.86, 2.86], ["14:29", 2.87, 2.87], ["14:30", 2.88, 2.87], ["14:31", 2.88, 2.88], ["14:32", 2.88, 2.88], ["14:33", 2.88, 2.88], ["14:34", 2.88, 2.88], ["14:35", 2.88, 2.88], ["14:36", 2.88, 2.88], ["14:37", 2.88, 2.88], ["14:38", 2.88, 2.88], ["14:39", 2.88, 2.88], ["14:40", 2.88, 2.88], ["14:41", 2.88, 2.88], ["14:42", 2.88, 2.88], ["14:43", 2.88, 2.88], ["14:44", 2.88, 2.88], ["14:45", 2.88, 2.88], ["14:46", 2.88, 2.88], ["14:47", 2.88, 0.0], ["14:48", 2.88, 2.88], ["14:49", 2.88, 0.0], ["14:50", 2.88, 2.88], ["14:51", 2.88, 2.88], ["14:52", 2.88, 2.88], ["14:53", 2.88, 2.88], ["14:54", 2.88, 2.88], ["14:55", 2.88, 2.88], ["14:56", 2.88, 2.88], ["14:57", 2.88, 0.0], ["14:58", 2.88, 0.0], ["14:59", 2.88, 0.0], ["15:00", 2.88, 2.88]])

option = {
    xAxis: {
        type: 'category',
        data: data0.categoryData
    },
    yAxis: {
        type: 'value'
    },
    tooltip: {
        trigger: 'axis',
        axisPointer: {
            type: 'cross'
        }
    },
    series: [{
        data:data0.values,
        type: 'line',
        smooth: true
    }]
};

if (option && typeof option === 'object') {
    myChart.setOption(option);
}



</script>
</body>
</html>
    